<template>
  <div class="Comment-box" :style="{ color: getConfigSubmitColor().textColor, background: getConfigSubmitColor().bgColor }">
    <div
      class="login-null"
      :style="{ background: props.background, borderColor: props.borderColor, height: props.domHeight }"
    >
      <div>
        <a :href="redirectUrl">登录注册</a>
        后发表你的想法～
      </div>
    </div>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
import { useProjectStore } from '@/store';
import { getHeardToken } from '@/api/utils';
import { outLogin } from '@/utils/minxin';
import { doorUrl } from '@/utils/minxin';
import { getConfigSubmitColor } from '@/pages/templatePage/template19/util/commHelper';
export default defineComponent({
  name: 'LeaveMessage',
});
</script>
<script lang="ts" setup>
const props = defineProps({
  background: {
    type: String,
    default: '#f5f5f5',
  },
  borderColor: {
    type: String,
    default: '#d9d9d9',
  },
  domHeight: {
    type: Number,
    default: 64,
  },
});
const store = useProjectStore();
let token = getHeardToken();
let url = window.location.href;
let redirectUrl = doorUrl + 'login?redirect=' + url;
</script>

<style lang="less" scoped>
.Comment-box {
  display: flex;
  width: 100%;
}
.login-null {
  width: 100%;
  height: 64px;
  background: #f5f5f5;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px auto;
}
a {
  text-decoration: underline;
  color: #e62b17;
}
a:hover {
  color: #e62b17;
}
</style>
